<template>
  <n-card style="background-color: #1f1f2b" size="small" hoverable>
    <div class="single-seller d-flex align-items-center">
      <div class="seller-info ml-3">
        <a class="seller" style="color: #f9f9f9">是的地方</a>
        <div align="left" style="color: #8e8e8e">三个地方</div>
      </div>
    </div>
  </n-card>
</template>

<script>
import { NCard } from "naive-ui";
export default {
  name: "paramNode",
  components: {
    NCard,
  },
  inject: ["getGraph", "getNode"],
};
</script>

<style scoped>
.n-card {
  background-color: #16151a;
  border-radius: 8px;
}
.align-items-center {
  align-items: center !important;
}
.d-flex {
  display: flex !important;
}
.seller-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ml-3 {
  margin-left: 1rem !important;
}
.top-seller-area .card .single-seller .seller-info a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.seller-info .seller {
  font-weight: 600 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
</style>
